<!DOCTYPE html>
<html lang="en">
<!-- head : 页面头 -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Neuedu</title>
</head>
<!-- body : 页面体 -->
<body>
    <!-- 
        Chrome : 16px
        FireFox : 15px
        标签: 
            注意：
                <标签名 属性>内容</标签名>
                标签嵌套规则：内联元素里不能嵌套块元素
            块元素 : block,独占一行,内容撑开高度,支持所有的css样式
                h1 - h6 标题标签，字体加粗，字体大小不同，有上下外边距
                p 段落标签,有上下外边距
                *div 没有独有特点
                ul(ol) 列表标签 : 左侧存在内边距，上下存在外边距，列表项存在标识
                    li 列表项
            行(内联)元素 : inline,不独占一行，内容撑开高度和宽度,不支持宽高样式
                a 超链接,href属性,代表跳转路径
                    锚点
                i、em 斜体
                *span 没有独有特点 
                strong 加粗
            内联块 : inline-block,具备以上两种元素特点
                img 图片标签,src代表图片地址
            特殊：
                <br /> 换行
                <hr /> 水平线
    -->
    <a href="#a">GOTO 锚点</a>
    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>
    <p>Java7</p>
    <p>Java8</p>
    <p>Java9</p>
    <div>沈阳</div>
    <div>沈阳</div>
    <div>沈阳</div>
    <ul>
        <li>Java7</li>
        <li>Java8</li>
        <li>Java9</li>
    </ul>
    <ol>
        <li>Java7</li>
        <li>Java8</li>
        <li>Java9</li>
    </ol>
    <a href="https://www.baidu.com">百度</a>
    <a href="">百度</a>
    <a href="javascript:;">百度</a>
    <a href="#">百度</a>
    <i>东软睿道</i>
    <em>东软睿道</em>
    <span>东软睿道</span>
    <a href=""><strong><i>东软睿道</i></strong></a>
    <br>
    <hr>
    <img src="https://dss1.baidu.com/6ONXsjip0QIZ" alt="信息">
</body>
</html>